<template>
    <van-row type="flex" justify="space-between" align="center" @click="toCard(item)">
        <van-col :span="24">
            <van-row type="flex" align="center">
                <van-col :span="3"><img src="@/assets/images/img_report.png" style="width:40px" alt=""></van-col>
                <van-col :span="18" class="L-margin-left-5">
                    <div class="L-big-text L-bold-text">{{ item.bfzjh_sname }}</div>
                </van-col>
            </van-row>
        </van-col>

    </van-row>

    <van-divider />

    <van-row type="flex" align="center" class="L-secondary-text-color">
      
        <van-col :span="12" >
             <span class="L-small-text">单据号 {{ item.bfzjh_scode }}</span>
        </van-col>
        <van-col :span="11" style="text-align: right;" >
             <span class="L-small-text"> {{ item.bfzjh_date }}</span>

        </van-col>
    </van-row>
    <div >
       

    </div>




</template>

<script setup lang="ts">
import { onMounted, ref, defineProps } from "vue";
import { useRouter, useRoute } from "vue-router"
const router = useRouter()

const props = defineProps({

    item: {
        type: Object,
        default: {}
    },

    idobject: {
        type: String,
        default: ""
    }

});

function toCard() {
    const { item, idobject } = props
    router.push({
        path: "/defaultCard",
        query: {
            itemid: item[`${idobject}_id`],
            idobject
        }
    })

}
</script>

<style scoped></style>